<style>
  .myapp .float {
    margin: 0 10px 10px 0;
  }
  .title {
    text-align: center;
    background-color: black;
    color: #fff;
  }
  .k {
    margin-bottom: 10px;
  }
</style>

<div class="bfc myapp">
  <div class="w400 float">
    <h3 class="title">SVG</h3>

    <div class="w400 h300 k box mesh">
      <svg width="400" height="300" id='arclineSvg'></svg>
    </div>
  </div>
    
  <div class="w400 float">
    <h3 class="title">Canvas</h3>

    <div class="w400 h300 k mesh box">
      <canvas width=400 height=300 id='arcline'></canvas>
    </div>
  </div>
</div>